<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/main.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/jQuery.slide.js"></script>
	<script src="../js/jQuery.vertical.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="main" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>
		
		<section class="container">
			<!-- slide -->
			<nav id="slide">
				<div class="focus-wrap">
					<div id="mainSwipe" class="focus">
						<ul>
							<li><a href="http://m.weme.wemade.com/event/20140521/event_main.asp" target="_self"><img src="http://wemade-image.gscdn.com/social/2012_v2/mobile/main/trans.gif" class="img1" style="background:url('http://upfile.wemade.com/social/201406/41799z4880092593.jpg') no-repeat 50% 0;" alt="배너"></a></li> 
							<li><a href="http://m.weme.wemade.com/event/20140521/event_main.asp" target="_self"><img src="http://wemade-image.gscdn.com/social/2012_v2/mobile/main/trans.gif" class="img1" style="background:url('http://upfile.wemade.com/social/201406/41799z4880092593.jpg') no-repeat 50% 0;" alt="배너"></a></li> 
						</ul>
						<div class="focus-paging">
							<div id="mainSwipePaging" class="paging-navi" style="">
								<span><a href="javascript:void(0);" class="no0"></a></span>
								<span><a href="javascript:void(0);" class="no1"></a></span>
							</div>
						</div>
					</div>
				</div>
			</nav>
			<!-- //slide -->

			<section class="game_score">
				<header class="fix">
					<h2>게임스코어</h2>
					<a href="#none" class="more">전체보기</a>
				</header>

				<div class="tab fix">
					<a href="javascript:void(0);" id="popular" class="on"><span>인기</span></a>
					<a href="javascript:void(0);" id="new"><span>신규</span></a>
				</div>

				<div class="score_contents tab_contents">
					<ul class="popular tabs fix">
						<li>
							<a href="#none">
								<span class="count black">?</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count green">100</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count red">1</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count orange">50</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count black">?</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count green">100</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count red">1</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count orange">50</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
					</ul>

					<ul class="new tabs fix" style="display:none;">
						<li>
							<a href="#none">
								<span class="count black">?</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count green">100</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count red">1</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count orange">50</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count black">?</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count green">100</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count red">1</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="count orange">50</span>
								<img src="../images/main/thumb_type1.png" alt="" />
							</a>
						</li>
					</ul>
				</div>

			</section>

			<section class="banner">
				<a href="#none"><img src="../images/main/btn_apple.png" alt="" /></a>
				<a href="#none"><img src="../images/main/btn_google.png" alt="" /></a>
			</section>

			<section class="pc_game">
				<header class="fix">
					<h2>PC/온라인게임</h2>
					<a href="#none" class="more">전체보기</a>
				</header>

				<ul class="pc_contents fix">
					<li>
						<a href="#none">
							<span class="thumb">
								<em class="count green">96</em>
								<img src="../images/main/thumb_pc.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2스타크래프트2</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="thumb">
								<em class="count green">96</em>
								<img src="../images/main/thumb_pc.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="thumb">
								<em class="count orange">96</em>
								<img src="../images/main/thumb_pc.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2</span>
						</a>
					</li>
				</ul>
			</section>

			<section class="mobile_game">
				<header class="fix">
					<h2>모바일 게임</h2>
					<a href="#none" class="more">전체보기</a>
				</header>

				<ul class="pc_contents fix">
					<li>
						<a href="#none">
							<span class="thumb">
								<img src="../images/main/thumb_type1.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2스타크래프트2</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="thumb">
								<img src="../images/main/thumb_type1.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="thumb">
								<img src="../images/main/thumb_type1.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2</span>
						</a>
					</li>
					<li>
						<a href="#none">
							<span class="thumb">
								<img src="../images/main/thumb_type1.png" alt="" />
							</span>

							<span class="human">10</span>
							<span class="title">스타크래프트2</span>
						</a>
					</li>
				</ul>
			</section>

			<section class="commnity_board">
				<header class="fix">
					<h2>커뮤니티 게임</h2>
					<a href="#none" class="more">전체보기</a>
				</header>
				
				<div class="community_contents">
					<ul class="rank_top">
						<li class="fix">
							<a href="#none">
								<span class="thumb">
									<em class="count orange">96</em>
									<img src="../images/main/thumb_pc.png" alt="" />
								</span>

								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="etc"><em class="nick">예삐냠냠</em><em class="bar">|</em><em class="time">4분전</em></span>
								</span>
							</a>
						</li>
						<li class="fix">
							<a href="#none">
								<span class="thumb">
									<em class="count red">1</em>
									<img src="../images/main/thumb_pc.png" alt="" />
								</span>

								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="etc"><em class="nick">예삐냠냠</em><em class="bar">|</em><em class="time">4분전</em></span>
								</span>
							</a>
						</li>
						<li class="fix">
							<a href="#none">
								<span class="thumb">
									<em class="count orange">96</em>
									<img src="../images/main/thumb_pc.png" alt="" />
								</span>

								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="etc"><em class="nick">예삐냠냠</em><em class="bar">|</em><em class="time">4분전</em></span>
								</span>
							</a>
						</li>
					</ul>

					<ul class="rank_btm">
						<li class="fix">
							<a href="#none">
								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="reg_time">10.06.06</span>
								</span>
							</a>
						</li>
						<li class="fix">
							<a href="#none">
								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="reg_time">10.06.06</span>
								</span>
							</a>
						</li>
						<li class="fix">
							<a href="#none">
								<span class="txt">
									<em class="txt1">
										[쿠키런 문질문질] 손가락 부비부비, 쿠키런 문질문질쿠키런 문질문질
									</em>
									<span class="reg_time">10.06.06</span>
								</span>
							</a>
						</li>
					</ul>
				</div>

			</section>

			<section class="gamer">
				<header class="fix">
					<h2>게이머 랭킹</h2>
				</header>

				<!-- slide -->
				<nav id="gamer_slide">
					<div class="focus-wrap">
						<div id="gamerSwipe" class="focus">
							<ul>
								<li>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="blue_medal"></span>
												<span class="count blue">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="green_medal"></span>
												<span class="count green">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="purple_medal"></span>
												<span class="count purple">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
								</li> 
								<li>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="blue_medal"></span>
												<span class="count blue">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="green_medal"></span>
												<span class="count green">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
									<div class="ch fix">
										<a href="#none">
											<span class="thumb">
												<span class="purple_medal"></span>
												<span class="count purple">1</span>
												<img src="../images/main/thumb_pc.png" alt="" />
											</span>
											<span class="nick">미누아버지만만세</span>
											<span class="level">Lv31</span>
										</a>
									</div>
								</li> 
							</ul>
							<div class="focus-paging">
								<div id="gamerSwipePaging" class="paging-navi" style="">
									<span><a href="javascript:void(0);" class="no0"></a></span>
									<span><a href="javascript:void(0);" class="no1"></a></span>
								</div>
							</div>
						</div>
					</div>
				</nav>
				<!-- //slide -->

			</section>
			
			<section class="contents_etc">
				<!-- 20130206 롤링 추가 남동훈 수정 -->
				<div class="sub_notice_wrap fix">
					<div class="sub_notice_inner">
						<div class="sub_notice">
							<ul class="fix">
								<li>
									<span class='notice_message'>
										<a href='javascript:void(0);'>나만의 노하우 이벤트 1차 당첨자 안내</a>
									</span>
								</li>
								<li>
									<span class='notice_message'>
										<a href='javascript:void(0);'>시원한 친구초대이벤트 당첨자 안내</a>
									</span>
								</li>
								<li>
									<span class='notice_message'>
										<a href='javascript:void(0);'>일부 기기 상점가격 표기 오류 안내</a>
									</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 20130206 롤링 추가 남동훈 수정 -->
				
				<div class="top"><a href="#">TOP</a></div>
			</section>

		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="pc"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<!--20140619 남동훈 수정 -->
		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>

	<script>
		$('#mainSwipe').swipe({
			paging:'#mainSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#mainSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		$('#gamerSwipe').swipe({
			paging:'#gamerSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#gamerSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		if(jQuery('.sub_notice').size() >0 ){
			jQuery(".sub_notice").vTicker({ 
				speed: 500,
				pause: 5000,
				animation: 'fade',
				mousePause: false,
				showItems: 1
			});
		}

	</script>
</body>
</html>